import React, { useState, useEffect,useContext,createContext } from 'react'
 
// 当组件嵌套太多的时候明显的感觉到组件之间的传值麻烦

function Son(props) {
    const { sval } = props
    return <h3>我是儿子组件---{sval}</h3>
}

function Father(props) {
    const {  fval} = props
    return <Son sval={fval} >我是父级组件 </Son>
}
export default function Context00(props) {
    const msg = '顶级'
    return (
        <h1>
            我是顶级的组件
            <Father fval ={msg}  ></Father>
        </h1>
    )
}

